<template>
  <at-card :custom-style="{marginTop: '60rpx'}">
   <view class="flex-between">
     <view class="flex-c-center p-20" v-for="item of userDataGroup" :key="item.id" @click="toPath(item.path)">
       <view class="flex-c-center p-10" :style="{background: item.color}" style="border-radius: 15rpx">
         <image :src="item.icon" style="width: 50rpx;height: 50rpx" mode="aspectFill"/>
       </view>
       <view class="mt-10 f-s-m">{{ item.name }}</view>
     </view>
   </view>
  </at-card>
</template>

<script setup>
import {userDataGroup} from "@/pages/config/config";
import {toPath} from "@/utils/commonUtils";
</script>

<style lang="scss" scoped>

</style>